<script>
	
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	
	@import url("./static/css/index.css");
	@import "uview-ui/index.scss";
	@import "./common/layout.css";//公共样式
	/*每个页面公共css */
	.warp{
		width: 100vw;
		min-height: 100vh;
		background-color: #F6F6F6;	
		// margin-top: 90rpx;
	}
	view{
		box-sizing: border-box;
	}
	.d_f{
		display: flex;
	}
	.t_cen{
		text-align: center;
	}
	// flex布局
	.f1{
		flex: 1;
	}
	.f2{
		flex: 2;
	}
	.f3{
		flex: 3;
	}
	.f4{
		flex:4
	}
	.f{
		display: flex;
	}
	.b{
		justify-content: space-between;
	}
	.e{
		justify-content: space-evenly;
	}
	.s{
		justify-content: start;
	}
	.c{
		align-items: center;
	}
	.mar{
		margin:0 auto;
		margin-top:20rpx;
	}
	.mars{
		margin:0 auto;
	}
	.senter{
		text-align:center;
	}
	.fend{
		align-items: flex-end;
	}
	.d{
		flex-direction: column;
	}
	.w{
		flex-wrap: wrap;
	}
	// 溢出省略一行
	.sl{
		text-overflow:ellipsis;  
		white-space: normal;  
		display:-webkit-box;  
		-webkit-box-orient:vertical;  
		-webkit-line-clamp:1;/*规定最多显示两行*/ 
		overflow: hidden;
	}
	.sl2{
		text-overflow:ellipsis;  
		white-space: normal;  
		display:-webkit-box;  
		-webkit-box-orient:vertical;  
		-webkit-line-clamp:2;/*规定最多显示两行*/ 
		overflow: hidden;
	}
	.sl3{
		text-overflow:ellipsis;  
		white-space: normal;  
		display:-webkit-box;  
		-webkit-box-orient:vertical;  
		-webkit-line-clamp:3;/*规定最多显示两行*/ 
		overflow: hidden;
	}
	.sl4{
		text-overflow:ellipsis;  
		white-space: normal;  
		display:-webkit-box;  
		-webkit-box-orient:vertical;  
		-webkit-line-clamp:4;/*规定最多显示两行*/ 
		overflow: hidden;
	}
	// 实线
	.xians{
		width: 686rpx;
		height: 2rpx;
		opacity: 1;
		border: 1rpx solid #ececec;
		margin-left:25rpx;
		margin-top:20rpx;
	}
	.xian{
		width: 686rpx;
		height: 2rpx;
		opacity: 1;
		border: 1rpx solid #ececec;
		margin-top:20rpx;
	}
	.xuxian{
		width: 686rpx;
		height: 2rpx;
		opacity: 1;
		border:1rpx dashed #ececec;
		margin-top:20rpx;
	}
	.shuxian{
		width: 2rpx;
		height:1020rpx;
		border-left:2rpx solid #ececec;
	}
	.kuan{
		width:70vw;
	}
	.kuan1{
		width:90%;
	}
	.quanxian{
		width: 100%;
		border: 1rpx solid #ececec;
		margin-top:20rpx;
	}
	.quanxian1{
		width: 100%;
		border: 1rpx solid #ececec;
		margin-top:10rpx;
	}
	.jiange{
		width: 750rpx;
		height: 20rpx;
		opacity: 1;
		background: #f6f6f6;
		margin:0 auto;
	}
	// 盒子宽
	.w90s{
		width: 90%;
		margin:0 auto;
	}
	.w95s{
		width: 95%;
		margin:0 auto;
	}
	.w90{
		width: 90%;
		margin:0 auto;
		margin-top:20rpx;
	}
	.w93{
		width: 93%;
		margin:0 auto;
		margin-top:20rpx;
	}
	.w95{
		width: 95%;
		margin:0 auto;
		margin-top:20rpx;
	}
	.vw5{
		width:5vw;
	}
	.vw10{
		width:10vw;
	}
	.vw15{
		width:15vw;
	}
	.vw20{
		width:20vw;
	}
	.vw25{
		width:25vw;
	}
	.vw30{
		width:30vw;
	}
	.vw35{
		width:35vw;
	}
	.vw40{
		width:40vw;
	}
	.vw45{
		width:45vw;
	}
	.vw50{
		width:50vw;
	}
	.vw55{
		width:55vw;
	}
	.vw60{
		width:60vw;
	}
	.vw65{
		width:65vw;
	}
	.vw70{
		width:70vw;
	}
	.vw75{
		width:75vw;
	}
	.vw80{
		width:80vw;
	}
	.vw85{
		width:85vw;
	}
	.vw90{
		width:90vw;
	}
	.vw95{
		width:95vw;
	}
	.vw100{
		width:100vw;
	}
	.w60{
		width:60%;
	}
	.w70{
		width:70%;
	}
	.w80{
		width:80%;
	}
	.w100{
		width:100%;
	}
	// 字体大小
	.fs16{
		font-size: 16rpx;
	}
	.fs18{
		font-size: 18rpx;
	}
	.fs20{
		font-size: 20rpx;
	}
	.fs22{
		font-size: 22rpx;
	}
	.fs24{
		font-size: 24rpx;
	}
	.fs26{
		font-size: 26rpx;
	}
	.fs28{
		font-size: 28rpx;
	}
	.fs30{
		font-size: 30rpx;
	}
	.fs40{
		font-size: 40rpx;
	}
	.fs46{
		font-size: 46rpx;
	}
	.fs50{
		font-size: 50rpx;
	}
	.fs55{
		font-size:55rpx;
	}
	.fs32{
		font-size: 32rpx;
	}
	.fs34{
		font-size: 34rpx;
	}
	.fs36{
		font-size: 36rpx;
	}
	.fs38{
		font-size: 38rpx;
	}
	.fs60{
		font-size: 60rpx;
	}
	// 字体样式
	i{
		font-style: normal;
	}
	.bolder{
		font-weight: bolder;
	}
	.bold{
		font-weight: bold;
	}
	// 字体颜色
	.red{
		color: #EB3535;
	}
	.blue{
		color:#149BFC;
	}
	.lv{
		color:#08C57D;
	}
	.light{
		color: #CBCBCB;
	}
	.cheng{
		color:#FF7105;
	}
	.white{
		color: #FFF;
	}
	.hui{
		color:#999999;
	}
	.hei{
		color:#000000;
	}
	.center{
		text-align: center;
	}
	// 内外边距
	
	.m_t_5{
		margin-top:5rpx;
	}
	.m_t_10{
		margin-top: 10rpx;
	}
	.m_l_5{
			margin-left:5rpx;
		}
	.m_l_10{
		margin-left: 10rpx;
	}
	.m_r_10{
		margin-right: 10rpx;
	}
	.m_t_20{
		margin-top: 20rpx;
	}
	.m_l_20{
		margin-left: 20rpx;
	}
	.m_l_25{
		margin-left: 25rpx;
	}
	.p_l_5{
			padding-left:5rpx;
		}
	.p_l_10{
		padding-left: 10rpx;
	}
	.p_l_15{
		padding-left: 15rpx;
	}
	.p_l_20{
		padding-left: 20rpx;
	}
	.p_l_25{
		padding-left: 25rpx;
	}
	.p_l_32{
		padding-left: 32rpx;
	}
	.p_l_40{
		padding-left: 40rpx;
	}
	.p_l_50{
		padding-left: 50rpx;
	}
	.p_l_60{
		padding-left: 60rpx;
	}
	.p_l_70{
		padding-left: 70rpx;
	}
	.p_l_90{
		padding-left: 90rpx;
	}
	.p_l_100{
		padding-left: 100rpx;
	}
	.p_l_150{
		padding-left: 150rpx;
	}
	.p_t_5{
		padding-top:5rpx;
	}
	.p_t_10{
		padding-top: 10rpx;
	}
	.p_t_15{
		padding-top: 15rpx;
	}
	.p_t_20{
		padding-top: 20rpx;
	}
	.p_t_25{
		padding-top: 25rpx;
	}
	.p_t_31{
		padding-top:31rpx;
	}
	.p_t_40{
		padding-top: 40rpx;
	}
	.p_t_50{
		padding-top: 50rpx;
	}
	.p_t_55{
		padding-top: 55rpx;
	}
	.p_t_60{
		padding-top: 60rpx;
	}
	.p_t_65{
		padding-top: 65rpx;
	}
	.p_t_70{
		padding-top: 70rpx;
	}
	.p_t_75{
		padding-top: 75rpx;
	}
	.p_t_80{
		padding-top: 80rpx;
	}
	.p_t_85{
		padding-top: 85rpx;
	}
	.p_t_90{
		padding-top: 90rpx;
	}
	.p_t_95{
		padding-top: 95rpx;
	}
	.p_t_100{
		padding-top: 100rpx;
	}
	.p_t_150{
		padding-top: 150rpx;
	}
	.m_r_20{
		margin-right: 20rpx;
	}
	.m_t_30{
		margin-top: 30rpx;
	}
	.m_l_30{
		margin-left: 30rpx;
	}
	.m_r_30{
		margin-right: 30rpx;
	}
	
	.m_t_40{
		margin-top: 40rpx;
	}
	.m_t_50{
		margin-top: 50rpx;
	}
	.m_t_60{
		margin-top: 60rpx;
	}
	.m_t_80{
		margin-top: 80rpx;
	}
	.m_t_100{
		margin-top:100rpx;
	}
	.m_l_40{
		margin-left: 40rpx;
	}
	.m_l_45{
		margin-left: 45rpx;
	}
	.m_l_50{
		margin-left: 50rpx;
	}
	.m_l_55{
		margin-left: 55rpx;
	}
	.m_l_60{
		margin-left: 60rpx;
	}
	.m_l_65{
		margin-left: 65rpx;
	}
	.m_l_70{
		margin-left: 70rpx;
	}
	.m_l_75{
		margin-left: 75rpx;
	}
	.m_l_80{
		margin-left: 80rpx;
	}
	.m_l_85{
		margin-left: 85rpx;
	}
	.m_l_90{
		margin-left: 90rpx;
	}
	.m_l_95{
		margin-left: 95rpx;
	}
	.m_l_100{
		margin-left:100rpx;
	}
	.m_l_105{
		margin-left:105rpx;
	}
	.m_l_110{
		margin-left:110rpx;
	}
	.m_l_115{
		margin-left:115rpx;
	}
	.m_l_120{
		margin-left:120rpx;
	}
	.m_l_125{
		margin-left:125rpx;
	}
	.m_l_130{
		margin-left:130rpx;
	}
	.m_l_135{
		margin-left:135rpx;
	}
	.m_l_140{
		margin-left:140rpx;
	}
	.m_l_145{
		margin-left:145rpx;
	}
	.m_l_150{
		margin-left:150rpx;
	}
	.m_r_40{
		margin-right: 40rpx;
	}
</style>
